.boufei {
    width: 100%;
    height: 100%;
    // display: flex;
    margin: 0;
    padding: 0;

    .boufei1 {
        width: 50%;
        height: 100%;

        .bfList {
            margin-bottom: 20px !important;
            width: 364px;
            height: 792px;
            border: 1px solid #000;
            margin: 0 auto;
            font-size: 12px;
            margin-right: 100%;
            position: relative;
            &>div:nth-child(1) {
                width: 100%;
                height: 100%;
                position: relative;

                svg {
                    position: absolute !important;
                    bottom: 100px !important;
                    left: 10% !important;
                    display: none;
                    // transform: scale(0.62) !important;
                }

                p {
                    width: 80px;
                    height: 50px;
                    border: 1px solid #000;
                    border-radius: 50%;
                    position: absolute;
                    top: 3%;
                    left: 50%;
                    transform: translateX(-50%);
                }

                // img {
                //     width: 100px;
                //     height: 50px;
                //     position: absolute;
                //     bottom: 100px;
                //     left: 50%;
                // }
                #planOrderCode {
                    transform: scale(0.5);
                    color: green;
                }

                #weavClothCode {
                    transform: scale(0.5);
                    color: green;
                }

                #customOrderNo {
                    transform: scale(0.5);
                    color: green;
                }

                #customName {
                    transform: scale(0.5);
                    color: green;
                }

                #customName {
                    transform: scale(0.5);
                    color: green;
                }

                #orderNature {
                    transform: scale(0.5);
                    color: green;
                }

                #businessDepartment {
                    transform: scale(0.5);
                    color: green;
                }

                #businessPerson {
                    transform: scale(0.5);
                    color: green;
                }

                #businessType {
                    transform: scale(0.5);
                    color: green;
                }

                #makeEditionCost {
                    transform: scale(0.5);
                    color: green;
                }

                #orderWeight {
                    transform: scale(0.5);
                    color: green;
                }

                #pieceWeight {
                    transform: scale(0.5);
                    color: green;
                }

                #pieceNum {
                    transform: scale(0.5);
                    color: green;
                }

                #price {
                    transform: scale(0.5);
                    color: green;
                }

                #amount {
                    transform: scale(0.5);
                    color: green;
                }

                #planDate {
                    transform: scale(0.5);
                    color: green;
                }

                #tabulationPerson {
                    transform: scale(0.5);
                    color: green;
                }

                #weaveCode {
                    transform: scale(0.5);
                    color: green;
                }

                #greyCode {
                    transform: scale(0.5);
                    color: green;
                }

                #greyName {
                    transform: scale(0.5);
                    color: green;
                }

                #greyBatchNo {
                    transform: scale(0.5);
                    color: green;
                }

                #yarnCount {
                    transform: scale(0.5);
                    color: green;
                }

                #yarnBatch {
                    transform: scale(0.5);
                    color: green;
                }

                #totleNum {
                    transform: scale(0.5);
                    color: green;
                }

                #computeMode {
                    transform: scale(0.5);
                    color: green;
                }

                #yarnLong {
                    transform: scale(0.5);
                    color: green;
                }

                #customProductName {
                    transform: scale(0.5);
                    color: green;
                }

                #drawnNeedleState {
                    transform: scale(0.5);
                    color: green;
                }

                #workDrum {
                    transform: scale(0.5);
                    color: green;
                }

                #typeDate {
                    transform: scale(0.5);
                    color: green;
                }

                #width {
                    transform: scale(0.5);
                    color: green;
                }

                #weight {
                    transform: scale(0.5);
                    color: green;
                }

                #washWidth {
                    transform: scale(0.5);
                    color: green;
                }

                #washWeight {
                    transform: scale(0.5);
                    color: green;
                }

                #planColorName {
                    transform: scale(0.5);
                    color: green;
                }

                #colorName {
                    transform: scale(0.5);
                    color: green;
                }

                #machineCode {
                    transform: scale(0.5);
                    color: green;
                }

                #rawmaterialDeliveryDate {
                    transform: scale(0.5);
                    color: green;
                }

                #weavDeliveryDate {
                    transform: scale(0.5);
                    color: green;
                }

                #outSouringCompany {
                    transform: scale(0.5);
                    color: green;
                }

                #verifyClothCompany {
                    transform: scale(0.5);
                    color: green;
                }

                #receiptCompanyCode {
                    transform: scale(0.5);
                    color: green;
                }

                #receiptCompany {
                    transform: scale(0.5);
                    color: green;
                }

                #orderDepartment {
                    transform: scale(0.5);
                    color: green;
                }

                #shrinkageControl {
                    transform: scale(0.5);
                    color: green;
                }

                #lossRate {
                    transform: scale(0.5);
                    color: green;
                }

                #productMode {
                    transform: scale(0.5);
                    color: green;
                }

                #rubberTube {
                    transform: scale(0.5);
                    color: green;
                }

                #packRequire {
                    transform: scale(0.5);
                    color: green;
                }

                #productColthCode {
                    transform: scale(0.5);
                    color: green;
                }

                #tryYarnCode {
                    transform: scale(0.5);
                    color: green;
                }

                #tryYarnType {
                    transform: scale(0.5);
                    color: green;
                }

                #weavNeedleModelNo {
                    transform: scale(0.5);
                    color: green;
                }

                #startHorseNo {
                    transform: scale(0.5);
                    color: green;
                }

                #auditDate {
                    transform: scale(0.5);
                    color: green;
                }

                #shipmentDate {
                    transform: scale(0.5);
                    color: green;
                }

                #recordCode {
                    transform: scale(0.5);
                    color: green;
                }

                #greyName {
                    transform: scale(0.5);
                    color: green;
                }

                #endHorseNo {
                    transform: scale(0.5);
                    color: green;
                }

                #auditPerson {
                    transform: scale(0.5);
                    color: green;
                }

                #order {
                    transform: scale(0.5);
                    color: green;
                }

                #pihao {
                    transform: scale(0.5);
                    color: green;
                }

                #jibuhaos {
                    transform: scale(0.5);
                    color: green;
                }

                #yarnCard {
                    transform: scale(0.5);
                    color: green;
                }

                img {
                    position: absolute !important;
                    bottom: 80px !important;
                    left: 1%;
                }

                #qrcode {
                    width: 80px !important;
                    height: 80px !important;
                    z-index: -1 !important;
                }

                #wra-div {
                    position: absolute;
                    bottom: 5px;
                    width: 100%;
                    text-align: center;
                    border-bottom: 1px dashed #000;
                }

                table {
                    position: absolute;
                    top: 40%;
                    left: 5%;
                    width: 90%;
                    border: 1px solid #000;
                    border-collapse: collapse;

                    tr {
                        width: 100%;
                        height: 30px
                    }

                    td {
                        border: 1px solid #000;
                    }
                }
            }

            #qrcode {
                width: 150px;
                height: 150px;
                position: absolute;
                margin-left: 35px;
                bottom: 20px;
                z-index: -1;
            }

            #qrcode2 {
                position: absolute;
                bottom: 200px;
                margin-left: 10px;
            }
        }
    }

    .boufei2 {
        width: 50%;
        height: 100%;

        .boufei2-1 {
            width: 100%;
            height: 40px;
            text-align: center;
            border-bottom: 1px solid #ccc;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }
    }

}